<!DOCTYPE html>
<html>
    <head>
    <meta charset="utf-8"/>
	<meta name="description" content="Creating a table with Bootstrap. Learn how to use Bootstrap toolkit to create Tables with examples.">
	<link href="https://cdn.bootcss.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
    <title>登录成功</title>
    <link rel="stylesheet" type="text/css" href="first.css">
	<script type="text/javascript">
	
	function check(){
	var m=document.referrer;
	if(m!='https://siriuspotter.gitee.io/third_stage_operation/sign_in/sign_in.html')
	{window.location.href='../sign_in/sign_in.html';
	window.event.returnValue = false;}
	else
	{document.getElementById('info').innerHTML=localStorage.getItem("now");
	creatTable();}
    }

    function creatTable( ){
  var tableData="<tr>"
  for(var i=0;i<parseInt(localStorage.length/5);i++){
    tableData+="<td>"+localStorage.getItem(i+1)+"</td>";
	tableData+="<td>"+localStorage.getItem("email"+(i+1))+"</td>";
	tableData+="<td>"+localStorage.getItem("registertime"+(i+1))+"</td>";
	tableData+="<td>"+localStorage.getItem(localStorage.getItem(i+1)+"_log_time")+"</td>";
    tableData+="</tr>";}
  document.getElementById('tbody1').innerHTML=tableData;
  //现在tableData已经生成好了，把他赋值给上面的tbody

}
   
   </script>
   <style>
img {
    display: block;
    margin: 0 auto;
}
</style>
    </head>
    <body onload="check()">
        <h7 id="info"></h7>
	
        <header>
            CONGRATULATIONS!
        </header>
    <img src="timg.jpg" class="img-thumbnail" alt="Cinque Terre" width="304" height="236"> 
	<div id="container1">	
	<!-- <table class="table table-striped"> -->
        <!-- <section> -->
            <!-- <h2>登录成功</h2> -->
        <!-- </section> -->
	<!-- <thead> -->
		<!-- <tr> -->
			<!-- <th>username</th> -->
			<!-- <th>E-mailadress</th> -->
			<!-- <th>registerTime</th> -->
			<!-- <th>latest_logtime</th> -->
		<!-- </tr> -->
	<!-- </thead> -->
	<!-- <tbody> -->
		<!-- <tr> -->
			<!-- <td>001</td> -->
			<!-- <td>Rammohan </td> -->
			<!-- <td>Reddy</td> -->
			<!-- <td>A+</td> -->
		<!-- </tr> -->
		<!-- <tr> -->
			<!-- <td>002</td> -->
			<!-- <td>Smita</td> -->
			<!-- <td>Pallod</td> -->
			<!-- <td>A</td> -->
		<!-- </tr> -->
		<!-- <tr> -->
			<!-- <td>003</td> -->
			<!-- <td>Rabindranath</td> -->
			<!-- <td>Sen</td> -->
			<!-- <td>A+</td> -->
		<!-- </tr> -->
	<!-- </tbody> -->
	<!-- </table> -->
	<table class="table table-striped">
	
    
		<thead>
		<tr>
			<th>username</th>
			<th>E-mailadress</th>
			<th>registerTime</th>
			<th>latest_logtime</th>
		</tr>
		<tbody id="tbody1">
	</thead>
    </tbody>
    </table>
	
   
	</body>
</html>